@import '../common/constants.scss';

.main {
  margin-top: 64px;
  .course-nav {
    $courseNavHeight: 54px;
    width: 100%;
    height: $courseNavHeight;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);

    .nav-container {
      width: $pageWidth;
      height: $courseNavHeight;
      margin: 0 auto;
      line-height: $courseNavHeight;

      h3.title {
        float: left;
        color: #696969;
        font-size: 24px;
      }

      .nav-list {
        float: left;
        margin-left: 100px;

        li {
          float: left;
          margin-right: 40px;
          a {
            color: #888;
          }
          &.active {
            a {
              color: $mainFontColor;
            }
          }
        }
      }
    }
  }
}
